.layui-card {
  margin: 10px;
  min-height: 500px;
  /* padding: 10px 0; */
}
.layui-card-body {
  padding: 20px;
}
.tags-title {
  text-align: left;
  width: 50px;
}
#selectForm{
  height: 30px;
  padding-left: 0;
}
.layui-form-item.btn{
  padding-left: 0;
}
#selectForm .layui-form-label {
  /* height: 20px; */
  /* padding: 0; */
  padding-top: 7px;
  text-align: left;
  padding-left: 0;
}

#selectForm #input {
  /* margin-bottom: 6px; */
  vertical-align: middle;
}

#search,
#reload {
  width: 60px;
  /* height: 50px; */
  margin-bottom: 9px;
}

.layui-card {
  margin-left: 10px;
}

.tags-title {
  text-align: left;
  width: 50px;
}

#add {
  color: #50a5ff;
  background: rgba(236, 245, 255);
  border-color: #badbff;
  border-radius: 8%;
  text-align: center;
}

#add:hover {
  background-color: #50a5ff;
  color: white;
}

#export {
  color: #e6a340;
  background: #fdf6ec;
  border-color: #f5dbb4;
  border-radius: 8%;
  text-align: center;

}

#export:hover {
  background-color: #e6a340;
  color: white;
}

.btn {
  display: flex;
  justify-content: space-between;
}

.btn .btn-right {
  margin-left: auto;

}

.btn .btn-right button {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid rgb(188, 188, 188)
}

.btn .btn-right .font1 {
  position: absolute;
  left: 7px;
  top: 0;
  /* color: black; */
}

.btn .btn-right button:hover {
  border: 1px solid #409eff;
}

/* .layui-card-body{
      margin-top: 20px;
  } */
.layui-table {
  z-index: 1;
}

.layui-table thead tr th {
  font-weight: 700;
  padding: 10px;
}

.layui-table thead tr th:last-child {
  text-align: center;
}

#form-add .picLoad {
  padding-bottom: 50px;
}

#form-add .picLoad,
#form-change .picLoad {
  width: 100px;
  height: 50px;
  position: relative;
}

#form-add .picLoad .layui-btn,
#form-change .picLoad .layui-btn {
  position: absolute;
  top: 0;
  right: -241px;
  width: 42px;
  height: 30px;
  text-align: center;
}
#form-add .out,
#form-add .sure {
  margin-top: 100px;
}

#form-change .out,
#form-change .sure {
  margin-top: 150px;
}

.btn .btn-right .font1 {
  left: 5px;
}



.active1 {
  color: #4bb2ff;
}

.left {
  float: right;
}

#refresh {
  position: relative;
  margin-right: 8px;
}

#refresh span {
  display: none;
}

#refresh:hover span {
  position: absolute;
  top: -30px;
  left: -8px;
  display: block;
  width: 50px;
  height: 30px;
  background-color: #333333;
  color: #fff;
}

/* #hiddensearch {
  position: relative;
  z-index: 999;
} */

#hiddensearch span {

  display: none;
}

#hiddensearch:hover span {
  position: absolute;
  top: -30px;
  left: -25px;
  display: block;
  width: 80px;
  height: 30px;
  background-color: #333333;
  color: #fff;
}

#page_box {
  text-align: center;
}

.active {
  display: none;
}

/* .layui-card-body {
  padding: 40px;
} */

#menu {
  position: relative;
}

#menu>i {
  color: #4bb2ff;

}


.cate-Hide {
  position: absolute;
  top: 33px;
  left: -70px;
  padding: 5px;
  border-radius: 5px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 0 5px #393d49;
  z-index: 999 !important;
  flex-direction: column;
}

.cate-Hide h1 {
  position: relative;
  width: 130px;
  font-size: 16px;
}

.cate-Hide h1 i {
  /* position: absolute; */
  left: 1px;
  top: 0;
}

table{
  width: 100%;
  text-align: center;
  border: #ebeef5 1px solid;
  
  border-collapse:collapse
}

table th{
  background-color: #f2f2f2;  
  height:40px;
  border: #dddddd 1px solid;

}
table #change{
  background-color: #1e9fff;
}
table #change .layui-icon,
table #del .layui-icon{
  font-size: 12px;
}
table td{
  border: #dddddd 1px solid;
  
  border-collapse:collapse;
  height:40px;

}dmin-sm .layui-btn{
  padding: 0 5px;
}
/* #page-box{
  margin-left: 700px;
} */
table thead tr th:nth-child(4),
table tbody tr td:nth-child(4){
  width: 200px;
}
table thead tr th:nth-child(6),
table tbody tr td:nth-child(6){
  width: 200px;
}
table thead tr th:nth-child(5),
table tbody tr td:nth-child(5){
  padding: 5px 0;
}